<template>
    <div style="background-color: rgb(227,230,237);height: 100%">
        <div class="head">
            <el-row class="csc_title">
                <el-col :span="24">
                    <h1 class="content_title">客服总控台</h1>
                    <span class="" style="margin-left: 10px;color: #b4b4bc;">/ 客户售后服务综合控制台</span>
                </el-col>
            </el-row >
        </div>
        <div class="csc_content">
            <el-row :gutter="20">
                <el-col id="content_left" :span="16">
                    <div class="content_text" style="">
                        <p style="font-size: 14px;"><i class="el-icon-search"></i>客户： <span style="color: rgb(153,153,153)">（关键字，拼音字头，客户编号，电话号码，产品序列号）</span></p>

                        <div style="margin-top: 15px;">
                            <el-input placeholder="请输入内容"  class="input-with-select">
                                <el-button slot="append" icon="el-icon-search">查询</el-button>
                            </el-input>
                        </div>
                        <el-button style="margin-top: 10px;background-color: rgb(245,247,250)" >Boss设置客服产看权限</el-button>
                    </div>
                </el-col>

                <el-col :span="8">
                    <div class="content_text" style="" >
                        <p style="font-size: 14px;"><i class="el-icon-search"></i>QA： <span style="color: rgb(153,153,153)">（问题和回答）</span></p>

                        <div style="margin-top: 15px;">
                            <el-input placeholder="请输入内容"  class="input-with-select">
                                <el-button slot="append" icon="el-icon-search">全文检索</el-button>
                            </el-input>
                        </div>
                        <el-button style="margin-top: 10px;background-color: rgb(245,247,250)" >QA内容维护</el-button>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="csc_footr">
            <div ></div><br/>
            <span>热线：18868688866 网站：http://www.jw1025.cn:9999/ </span><br/>
            <span> copyright 罗小黑crm小组 2019-2020</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "CusterSeverCtrl"
    }
</script>

<style scoped>
    *{margin: 0;padding: 0;}

    .csc_title{height:70px;background: #fcfbfd;line-height: 70px}
    .content_title{
        display: inline-block;font-weight: unset;margin-left: 20px;font-size: 25px;
    }
    .csc_content{
        margin: 20px;
    }
    .content_text{
        background-color: white;
        min-height: 300px;
        border-radius: 4px;
        border: 1px solid rgb(235,238,242);
        padding: 20px;
    }




    .csc_footr{
        text-align: center;
        min-height: 80px;
        margin: 5px;
    }
    .csc_footr span{
        font-size: 14px;
    }
</style>